<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>圈子</title>

    <!-- weui -->
    <link rel="stylesheet" href="https://res.wx.qq.com/open/libs/weui/2.3.0/weui.min.css" />
</head>

<body>
    <header>
        <h2>动态列表</h2>
        <button>添加动态+</button>
    </header>
    <main>
        <h2 class="title">推荐课程</h2>
        <a href="#">
            <nav>
                <img src="../../assets/imgs/course-img02.png" alt="">
                <aside>
                    <h2>巧克力腹肌雕刻</h2>
                    <p>一场痛快淋漓的父级撕裂体验, 虐出你的巧克力腹肌 !</p>
                </aside>
            </nav>
        </a>



    </main>

    <!-- weui -->
    <script src="https://res.wx.qq.com/open/libs/weuijs/1.2.1/weui.min.js" charset="utf-8"></script>
</body>

</html>